
$(function(){
    $("#nan3 li a").hover(function(){
        var x=$(this).index()
        $(this).css("color","#c81623")
    },function(){
        $(this).css("color","")
    })

    $(".nav2 li a").hover(function(){
        var x=$(this).index()
        $(this).css("color","#c81623")
    },function(){
        $(this).css("color","")
    })

    $(".nav1 li a").hover(function(){
        var x=$(this).index()
        $(this).css("color","#c81623")
    },function(){
        $(this).css("color","")
    })

    $(".celan ul li").hover(function(){
        var x=$(this).index()
        $(this).css("background","#999395")
        $(".hk1").css("display","block")
    },function(){
        $(this).css("background","")
        $(".hk1").css("display","none")
    })
    $(".celan ul li a").hover(function(){
        var x=$(this).index()
        $(this).css("color","#c81623")
    },function(){
        $(this).css("color","")
    })
    $(".xinl").hover(function(){
        $(".xinl").css("background","red")
        $(".xinl").css("color","white")
    },function(){
        $(".xinl").css("background","")
        $(".xinl").css("color","red")

    })
    $(".xinr").hover(function(){
        $(".xinr").css("background","red")
        $(".xinr").css("color","white")
    },function(){
        $(".xinr").css("background","")
        $(".xinr").css("color","red")

    })
    $(".cxr").hover(function(){
        $(".cuxiao1").css("animation","ht1 1s forwards")
        $(".ul2").css("display","block")
        $(".ul1").css("display","none")
    })
    $(".cxl").hover(function(){
        $(".cuxiao1").css("animation","ht 1s forwards");
        $(".ul2").css("display","none");
        $(".ul1").css("display","block");
    })
    $(".ul3 li span").hover(function(){
        var x=$(this).index()
        $(this).css("color","red")
    },function(){
        $(this).css("color","")
    })
    $(".h-dn img").hover(function(){
        var  x=$(this).index()
        $(this).css("animation","dn 1s forwards")
    },function(){
        $(this).css("animation","")
    })

    $(".h-baik1 img").hover(function(){
        var x=$(this).index();
        $(this).css("animation","you1 0.5s forwards")
    },function(){
        $(this).css("animation","you2 0.5s forwards")
    })
    $(".h-ul1 li img").hover(function(){
        var x=$(this).index();
        $(this).css("animation","zu 0.5s forwards")
    },function(){
        $(this).css("animation","zu1 0.5s forwards")
    })
    $(".orj").hover(function(){
        var x=$(this).index();
        $(this).css("animation","orj 0.5s forwards")
    },function(){
        $(this).css("animation","orj1 0.5s forwards")
    })

    $(".none1-ul li p").hover(function(){
        var x=$(this).index();
        $(this).css("color","red")
    },function(){
        $(this).css("color","")
    })
    $(".h-nav2 li").eq(0).hover(function(){
        $(".h-hongk1").css("animation","hong 0.5s forwards");
    })
    $(".h-nav2 li").eq(1).hover(function(){
        $(".h-hongk1").css("animation","hong1 0.5s forwards");
    })
    $(".h-nav2 li").eq(2).hover(function(){
        $(".h-hongk1").css("animation","hong2 0.5s forwards");

    })
    $(".h-nav2 li").eq(3).hover(function(){
        $(".h-hongk1").css("animation","hong3 0.5s forwards");
    })
    $(".h-nav2 li").eq(4).hover(function(){
        $(".h-hongk1").css("animation","hong4 0.5s forwards");
    })

    var ull=document.getElementsByClassName("h-nav2")[0];
    var lil=ull.getElementsByTagName("li");
    var none=document.getElementsByClassName("none1");

    for(var i=0;i<none.length;i++){
        lil[i].onmouseover=function(){
            for(var j=0;j<lil.length;j++){
                if(this==lil[j]){
                    none[j].style.display="block";
                }
                if(this!=lil[j]){
                    none[j].style.display="none";
                }

            }
        }
    }
    $(".pz-ul img").hover(function(){
        var x=$(this).index();
        $(this).css("animation","pz 0.5s forwards")
    },function(){
        $(this).css("animation","pz1 0.5s forwards")
    })
    $(".h-aul2 img").hover(function(){
        var x=$(this).index();
        $(this).css("animation","xn 0.5s forwards")
    },function(){
        $(this).css("animation","")
    })

    $(".h-af1 img").hover(function(){
        $(".h-af1 img").css("animation","af1 0.5s forwards")
    },function(){
        $(".h-af1 img").css("animation","")
    })
    $(".h-af2 img").hover(function(){
        $(".h-af2 img").css("animation","af1 0.5s forwards")
    },function(){
        $(".h-af2 img").css("animation","")
    })
    $(".h-az1 img").hover(function(){
        var x=$(this).index();
        $(this).css("animation","af1 0.5s forwards")
    },function(){
        $(this).css("animation","")
    })
    $(".h-gul li").hover(function(){
        var x=$(this).index()
        $(this).css("border","1px solid red")
    },function(){
        $(this).css("border","")
    })
    $(window).scroll(function() {
        var scrollt = document.documentElement.scrollTop + document.body.scrollTop;
        if(scrollt>200){
            $(".h-bk").css("display","block")
        }else if(scrollt<200){
            $(".h-bk").css("display","none")

        }


        if(scrollt>500){
            $(".h-ce").css("display","block")
        }else if(scrollt<500){
            $(".h-ce").css("display","none")
        }
        if(scrollt>600){

            $("#pz1").css("background","red")
        }
    })

    $(".xx").click(function(){
        $(".top").css("display","none")
    })
    $(".bj").hover(function(){
        $(".bj").css("background","white")
        $(".chengshi").css("display","block")
    },function(){
        $(".chengshi").css("display","none");
        $(".bj").css("background","")
    })
    $(".chengshi ul li").hover(function(){
        var x=$(this).index();
        $(this).css("color","red")
        $(this).css("background","#cccccc")
    },function(){
        $(this).css("color","")
        $(this).css("background","")
    })

    $(".h-jd").hover(function(){
        $(".h-jd").css("background","white");
        $(".wdjd").css("display","block");

    },function(){
        $(".h-jd").css("background","");
        $(".wdjd").css("display","none")
    })

    $(".wdjd li").hover(function(){
        var x=$(this).index();
        $(this).css("color","red");
    },function(){
        $(this).css("color","")
    })
    $(".nav3 li a").hover(function(){
        var x=$(this).index();
        $(this).css("color","red")
    },function(){
        $(this).css("color","")
    })




})
